<template>
  <div id="app">
    <router-view/>
    <BotPlay />
  </div>
</template>

<script>
import BotPlay from "./components/BotPlay"
import { mapState } from "vuex"

export default {
  name: 'App',
  data () {
    return{}
  },
  components:{
    BotPlay
  },
  computed: {
    ...mapState(['getPlay','currentSong','currentTime'])
  }
}
</script>

<style>
body {
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
  font-family: sans-serif;
}


html,body{ width: 100%; height: 100%;}
body,ul,ol,h1,h2,h3,h4,h5,h6,p,input,select,textarea,dl,dd,img{margin: 0;padding: 0;}
ul,ol{list-style: none;}
i,em{ font-style:normal}
input,select,textarea,button{background-color: transparent; border: none; outline: none;}
textarea{resize: none;}/*右下角的小尾巴*/
img{border: none;}
a{text-decoration: none;}
input[type=date],input[type=text] {
    cursor: pointer;
    -webkit-appearance: none;
}
body{ background-color: #f1f1f1;}

.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
</style>
